<template>
  <div class="btnParent" @click="registerClick">
    <div class="loginBtn">
      {{btnText}}
    </div>
  </div>
</template>

<script>
  export default {
    props:['btnText'],
    methods:{
      registerClick(){
        this.$emit('registerSubmit')
      }
    }
  }
</script>

<style scoped>
  .btnParent{
    padding: 4vw;
  }
  .loginBtn{
    height: 12vw;
    background-color: #ff9db5;
    color: #fff;
    font-size: 4vw;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6vw;
  }
</style>
